@import "../common/variable.scss";
html {
  .theme-light {
    .zyCommonWrapper {
      .zyHeaderWrapper {
        background: $white;
        box-shadow: 0px 4px 4px 0px rgba(0,20,45,0.04);
        .zyHeader {
          .fistMenu {
            .item {
              .con {
                color: $font-black-color;
                &:hover {
                  color: $font-black-hover-color;
                }
              }
              &.active{
                .con {
                  color: $font-black-hover-color;
                }
              }
            }
            .moreItem {
              .con {
                color: $font-black-color;
              }
              .droptitle{
                &:hover{
                  .con{
                    color: $font-black-hover-color;
                  }
                  i{
                    color: $font-black-hover-color;
                  }
                }
              }
            }
          }
          .rightInfo {
            .historyItem {
              .theme-color{
                i{
                  color: rgba(0,20,45,0.5);
                }
              }
              .droptitle{
                &:hover{
                  .con{
                    color: $font-black-hover-color;
                  }
                  i{
                    color: $font-black-hover-color;
                  }
                }
              }
              .con {
                color:$font-black-color;
              }

              i {
                color: $font-black-color;
              }

              &.download-qr {
                .name {
                  color: $font-black-color;
                }
              }

              &:before {
                background: rgba(0,20,45,0.5);
              }
            }
          }

          .ivu-select-dropdown {
            background: $white;
            box-shadow: 0px 4px 8px 0px rgba(0,20,45,0.04);
            padding: 0;
            overflow: hidden;
            .ivu-dropdown-item {
              i {
                color:  $font-black-color;
              }
              &:hover {
                background: #035BEB;
                .con {
                  color: $white;
                }
              }
            }
          }
        }
      }
    }
  }
}
